<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../iconfont/iconfont.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/producter/producter.css">
    <link rel="stylesheet" href="../css/scheduledTask/allPlan.css">
    <script src="../js/jquery.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/qs@6.10.1/dist/qs.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    <script src="../js/axiosPretreatment.js"></script>
    <script src="../js/dataCall.js"></script>
</head>

<body>
    <header>
        <nav>
            <h1>渔业资源管理系统</h1>
            <ul>
                <li><a href="../GIS.html">GIS控制台</a></li>
                <li><a href="./allPlan.html">计划任务管理</a></li>
                <li><a href="../producter/producter.html">生产主体库</a></li>
                <li><a href="../nameManage.html">命名管理</a></li>
                <li><a href="../baseInfo/administration.html">基础信息管理</a></li>
                <li><a href="../management/organization.html">系统管理</a></li>
            </ul>
            <div id="userInfo">
                <img src="" alt="">
                <p>区级信息员:<span>admin</span><i class="iconfont">&#xe600</i></p>
                <ul>
                    <li>个人信息</li>
                    <li>修改头像</li>
                    <li>修改密码</li>
                    <li>切换到种植系统</li>
                    <li>退出</li>
                    <li>清楚系统缓存</li>
                </ul>
            </div>
        </nav>
    </header>

    <main>
        <div class="mainLeftWeaper">
            <div class="mainLeft">
                <p>
                    <a class="plan-all iconfont">
                        <i>&#xe613</i>
                        <span>计划任务管理</span>
                    </a>
                </p>
                <p class="data-center">
                    <a class="plan-all iconfont">
                        <i>&#xe60f</i>
                        <span>数据中心</span>
                    </a>
                    <span class="iconfont">&#xe600</span>
                </p>
                <ul>
                    <li><a href="./allData.html">所有数据</a></li>
                    <li><a >待审核数据</a></li>
                    <li><a>不通过再审核</a></li>
                </ul>

            </div>
        </div>
        <div class="mainRightWeaper">
            <div class="mainRight">
                <p id="top-place-show" class="top">
                    <span>渔业资源管理系统</span>
                    <i>/</i>
                    <span>计划管理系统</span>
                </p>
                <form class="find-plan">
                    <p class="input-style">
                        <span>任务名称</span>
                        <input id="taskfind-with-name" type="text">
                        <i>0/20</i>
                    </p>
                    <p class="input-style">
                        <span>任务状态</span>
                        <select name="" id="">
                            <option hidden selected disabled value="">请选择任务状态</option>
                            <option value="">全部</option>
                            <option value="">未发布</option>
                            <option value="">已发布</option>
                            <option value="">已撤回</option>
                            <option value="">已启用</option>
                            <option value="">已停用</option>
                        </select>
                        <img src="../img/loginImg/toBottm.png" alt="">
                    </p>
                    <div>
                        <button class="btn-style" type="button">查询</button>
                        <button class="btn-style" type="reset">重置</button>
                    </div>
                </form>
                <div class="tableWeaper">
                    <table border="1">
                        <thead>
                            <tr>
                                <td>ID</td>
                                <td>任务计划名称</td>
                                <td>开始时间</td>
                                <td>结束时间</td>
                                <td>任务状态</td>
                                <td>计划要求</td>
                                <td><button class="btn-style">
                                        创建任务计划
                                    </button>
                                </td>
                            </tr>
                        </thead>
                        <tbody>
                            
                            <tr>
                                <td>471</td>
                                <td>1</td>
                                <td>2021-09-09 00:00:00</td>
                                <td>2021-09-17 00:00:00</td>
                                <td>未发布</td>
                                <td>sss</td>
                                <td>
                                    <button>发布</button>
                                    <button>启用</button>
                                    <button>查看</button>
                                    <button>编辑</button>
                                </td>
                            </tr>
                        </tbody>


                    </table>
                    <div class="skipWeaper">
                        <div class="skip-style">
                            <span class="total">共10条</span>
                            <select  id="pro-pageSize">
                                <option value="5">5条/页</option>
                                <option value="10">10条/页</option>
                                <option value="20">20条/页</option>
                                <option value="30">30条/页</option>
                                <option value="40">40条/页</option>
                            </select>
                            <img src="../img/loginImg/toBottm.png" alt="">
                            <div class="skip-btn">
                                <button  class="pro-btn-prev"><</button>
                                <ul id="liWrapper">
                                </ul>
                                <button class="pro-btn-next">></button>
                            </div>
                            <span>
                                前往
                                <input id="proGoto" type="text" value="1">
                                页
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </main>
    <script src="../js/public.js"></script>
    <!-- <script src="../js/scheduledTask/allPlan.js"></script> -->

</body>

</html>